<template>
  <div>
    <a-card :bordered="false">
      <a-tabs v-model="activeKey">
        <a-tab-pane tab="L1层：基础设施" key="1">
          <classification type="iaas" v-if="activeKey === '1'" />
        </a-tab-pane>

        <a-tab-pane tab="L2层：IT设备" key="2">
          <classification type="device" v-if="activeKey === '2'" />
        </a-tab-pane>

        <a-tab-pane tab="L3层：云平台资源" key="3">
          <classification type="cloud" v-if="activeKey === '3'" />
        </a-tab-pane>

        <a-tab-pane tab="L4层：应用资源" key="4">
          <classification type="app" v-if="activeKey === '4'" />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import Classification from './Classification'
export default {
  name: 'F010105',
  components: {
    Classification,
  },
  data() {
    return {
      activeKey: "1",
    }
  },
  created() {},
  methods: {},
}
</script>